<template>
  <div>
    <h1>App</h1>
    <p>person:{{ person }}</p>
    <button @click="person.age++">Age++</button>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'App',
});
</script>

<script setup lang="ts">
import { reactive } from 'vue';

interface personType {
  name: string;
  age: number;
}

const person = reactive<personType>({
  name: '张三',
  age: 18,
});

console.log(person);
</script>

<style></style>
